<template>
	<view style="box-sizing: border-box;">
		<!-- <view class="center" style="background: #fff;">
			<view class="mx-auto" :class="mode=='pc'?'max-w-1200 p-12':'p-4'">
				<view class="flex flex-wrap justify-between gap-4">
					<view v-for="(item,index) in btnList" :key="index" class="flex items-center">
						<image :src="item.icon" style="width: 45px;height: 45px;"></image>
						<view class="ml-4 leading-6">
							<view class="">{{item.title}}</view>
							<view class="text-black__50 text-sm">{{item.text}}</view>
						</view>
					</view>
				</view>
			</view>
		</view> -->
		
		<view class="center text-white" style="background: #040B1F;">
			<view class="mx-auto" :class="mode=='pc'?'max-w-1200 p-12':'p-4'">
				<view class="flex flex-wrap">
					<!-- <view class="w-64 flex items-center">
						<image :src="sysConfig.logo" style="width: 50px;height: 40px;"></image>
						<view class="text-xl ml-2">{{sysConfig.siteName}}</view>
					</view> -->
					<view class="flex flex-wrap text-white__50 leading-6 gap-4" :class="mode=='pc'?'flex-1':'w-full mt-4'">
						<view v-for="(item,index) in btnList2" :key="index" class="flex-1">
							<view class="text-white pb-2">{{item.title}}</view>
							<view v-for="(ii,d) in item.list" :key="d" class="mt-2" style="color: #8E9CBC;">
								<el-link type="info" @click="navigator(ii.path)" >{{ii.title}}</el-link>
							</view>
						</view>
					</view>
				</view>
			</view>
			<!-- <view class="text-center text-white__50 text-sm p-2">©435 Orchard Rd, Singapore 238877</view> -->
		</view>
	</view>
</template>

<script>
	import {
		mapState,
		mapActions
	} from 'vuex'
	export default {
		data() {
			return {
				btnList: [
					{
						icon: '/static/home/yxd-footimg-1.png',
						title:'品质保证 真实账号',
						text: '预充值 即可获取国际账号'
					},
					{
						icon: '/static/home/yxd-footimg-2.png',
						title:'交易安全 资金保障',
						text: '个人信息加密 保障账户安全'
					},
					{
						icon: '/static/home/yxd-footimg-3.png',
						title:'自助充值 快速到账',
						text: '国际账号自助充值快速到账'
					},
					{
						icon: '/static/home/yxd-footimg-4.png',
						title:'在线客服 售后无忧',
						text: '遇到任何问题可咨询在线客服'
					}
				],
				btnList2:[
					{
						title:'快捷方式',
						list:[
							{
								title:'招商合作',
								path:'/pages/investmentCooperation/investmentCooperation'
							},
							{
								title:'平台首页',
								path:'/pages/index/index'
							},
							{
								title:'帮助中心',
								path:'/pages/helpCenter/helpCenter'
							}
						]
					},
					{
						title:'充值开户',
						list:[
							{
								title:'申请账号',
								path:'/pages/applyAccount/aliyun/aliyun'
							},
							{
								title:'自助充值',
								path:'/pages/redeemVoucher/aliyun/aliyun'
							},
						]
					},
					{
						title:'联系我们',
						list:[]
					}
				]
			}
		},
		computed: {
			...mapState({
				mode:state=>state.app.mode,
				sysConfig: state => state.app.sysConfig,
			})
		},
		methods: {
			// 点击按钮
			navigator(path) {
				uni.navigateTo({
					url: path,
					success: res => {},
					fail: () => {},
					complete: () => {}
				});
			},
			
		}
	}
</script>

<style scoped lang="scss">
</style>